<template>
    <div>
        <div class="banner">
            <img src="http://www.gzoaktreeinv.com/wp-content/uploads/2021/12/banner1.png" alt="">
            <div class="banner_text">
                <p>方向</p>
                <span>上市公司并购基金、股权投资基金、FOF母基金</span>
            </div>
        </div>
        <div class="left">
            <h1>公司简介</h1>
            <p>
                广州市橡树投资有限公司创建于2011年，是一家以股权投资为主，<br>
                并能够为合作伙伴与众多客户提供上市引导、并购重组、企业改<br>
                制、投资引荐等财务顾问服务的专业投资机构。公司业务聚焦于上<br>
                市公司并购基金、股权投资基金、FOF母基金等方向，公司成立以<br>
                来一直秉承为投资者负责的态度审慎选择项目，保障投资者资金的<br>
                安全，并努力给投资者创造高额收益。
            </p>
        </div>
        <div class="right">
            <img src="http://www.gzoaktreeinv.com/wp-content/uploads/2022/01/bfdc174d0829bbf9615fa014b47f9b45-scaled.jpg"
                alt="">
        </div>
        <div class="js">
            <img src="http://www.gzoaktreeinv.com/wp-content/uploads/2022/01/IST_24519_00013-scaled.jpg" alt="">

        </div>
        <div class="dt">
            <img src="../assets/img/1.png" alt="">
        </div>
        <div class="hz">
            <img src="../assets/img/2.png" alt="">
        </div>
    </div>
</template>

<script>
export default {
    name: 'App',
    components: {
    }
}
</script>

<style lang="scss" scoped>
.banner {
    // height: 100%;
    height: 680px;
    width: 100%;
    // background-color: aquamarine;
    overflow: hidden;

    img {
        width: 100%;
    }

    .banner_text {
        color: white;
        position: relative;
        bottom: 630px;
        left: 650px;

        p {
            font-size: 60px;
            font-weight: 900;
            margin-bottom: 20px;
        }

        span {
            font-size: 30px;
        }
    }
}

.left {
    width: 600px;
    background: url(http://www.gzoaktreeinv.com/wp-content/uploads/2022/01/74961fa099ce4c0fc5a5595460503f74.png) no-repeat center;
    float: left;
    h1 {
        margin: 50px;
        margin-left: 100px;
        font-size: 40px;
        font-weight: 900;
    }

    p {
        line-height: 50px;
        margin-left: 100px;
        margin-top: -20px;
    }
}

.right {
    float: right;
    img {

        width: 700px;
        height: 490px;

    }
}

.js {
    margin-top: 150px;

    img {
        width: 100%;
        height: 600px;
    }
}

.dt {
    img {
        width: 100%;
        height: 750px;
    }
}

.hz {
    img {
        width: 100%;
        height: 750px;
    }
}
</style>
